<style lang="scss" scoped>
.progressBox {
    .progressING {
        margin-top: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;

        .progressING-A {
            li {
                line-height: 30px;
                color: #999999;
            }
        }

        .progressING-B {
            li {
                line-height: 30px;

                input {
                    width: 60px;
                }
            }
        }
    }
}
</style>

<template>
    <div class="progressBox" style="padding: 20px;">
        <van-nav-bar title="H币提现" />
        <van-steps direction="vertical" :active="active" style="border-bottom: 1px solid #f2f2f2;">
            <van-step style="height: 100px;">
                <h3>发送提现申请</h3>
            </van-step>
            <van-step style="height: 100px;">
                <h3>银行处理中</h3>
                <p>预计03-12 12:35前到账</p>
            </van-step>
            <van-step style="height: 100px;">
                <h3>到账成功</h3>
            </van-step>
        </van-steps>
        <div class="progressING">
            <ul class="progressING-A">
                <li>
                    <h3>提现金额</h3>
                </li>
                <li>
                    <h3>到账银行卡</h3>
                </li>
            </ul>
            <ul class="progressING-B">
                <li>
                    <h4>￥&emsp13;{{ moneyB }}</h4>
                </li>
                <li>
                    <h5>建设银行 尾号9276</h5>
                </li>
            </ul>
        </div>
        <van-button style="margin-top: 80px;" type="primary" block to="/mywallet">完成</van-button>
    </div>
</template>
<script setup lang="ts">
import { ref } from 'vue'

const active = ref(1)
const moneyB = localStorage.getItem('moneyB')
</script>
